feat: Menu component #333
feat: Menu component #333
Conversation
|
第二个demo展开收起，标题和内容注明是横向的展开收缩，明确一些。 |
已改 |
collapsed是用户自己控制 [collapsed]的 不用再暴露事件 |
|
我研究了下，用ngTemplateOutlet递归有下面三个问题， 所以目前的api设计只能自行封装递归组件，其实也挺简单的，copy下demo代码就行 😅 |
|
还有些细节问题再处理下就差不多了
|
已改，滚动条暂时视觉隐藏了，一时没找到啥好方法，我再看看 |
|
都改完 菜单宽度还是让用户设置，避免滚动条 |
| @@ -0,0 +1,32 @@ | |||
| <div class="demo-menu" style="width: 388px; overflow-x: auto"> | |||
There was a problem hiding this comment.
menu的宽度现在是怎么设置呢，是调整此处外围容器的宽度还是调整--devui-menu-width
刚试了下调小外层容器宽度会有水平滚动条，而且内容和箭头会重叠
There was a problem hiding this comment.
我试了各种title长度和层级深度，没找到一种比较兼容的样式😭
所以全放开了，外围容器宽度，title换行还是省略号啥的 就让用户根据具体菜单自行调整吧😂
There was a problem hiding this comment.
我试了各种title长度和层级深度，没找到一种比较兼容的样式😭 所以全放开了，外围容器宽度，title换行还是省略号啥的 就让用户根据具体菜单自行调整吧😂
这样感觉用户使用成本很高，菜单文本不同宽度就要去适配外层容器宽度和省略方案
| @@ -84,7 +84,7 @@ export class DevuiOnlineIdeService { | |||
| } | |||
|
|
|||
| getFiles(sourceData: DevuiSourceData[], ide: 'StackBlitz' | 'CodeSandbox' = 'StackBlitz'): any { | |||
| console.log(sourceData); | |||
| // console.log(sourceData); | |||
There was a problem hiding this comment.
- 还有对其它地方代码的修改，请恢复
- 还有很多console.log()没有删除，请全面排查
新增 menu component